
export const Todo = ({ todo, onTodoClick }) => {
  return (
    <li
      style={{
        textDecoration: todo.completed ? 'line-through' : 'none',
      }}
      onClick={() => onTodoClick(todo.id)}
    >
      {todo.text}
    </li>
  )
}